//会员中心-个人资料
//个人资料 基本资料 右侧区域大盒子 设置
.info_box{
    width: 960px;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
}
//div设置样式
.tab_info_box{
    height: 27px;
    //div里包裹ul
    .tab_info{
        height: 27px;
        background: url(../images/personal_info_line.png) repeat-x 0 bottom;
        li{
            float: left;
            color: #888;
            font-family: "宋体";
            font-size: 14px;
            padding: 0 20px;
            height: 25px;
            font-weight: bold;
        }
        //当前菜单 红色高亮显示 li里的文字
        .current{
            color: #cc0000;
            border-bottom: 2px solid #cc0000;
            background: url(../images/personal_info_cur.png) no-repeat center bottom;
        }
        .clickCurrent{
            color: #cc0000;
            border-bottom: 2px solid #cc0000;
            background: url(../images/personal_info_cur.png) no-repeat center bottom;
        }
    }
}
.tab_info a{
    color: #888;
    text-decoration: none;
}
.base_info_content{
    padding-left: 50px;
    .mobile_modify{
        display: none;
        float: left;
        text-decoration: none;
        color: #0066cc;
        padding-left: 4px;
        margin-top: 7px;
        margin-right: 0;
    }
    .email_modify{
        display: none;
        float: left;
        text-decoration: none;
        color: #0066cc;
        padding-left: 4px;
        margin-right: 0;
        margin-top: 7px;
    }
}
//类似 一行2列
//左列设置
.col{
    float: left;
    color: #5e5e5e;
    font-size: 12px;
    font-family: "宋体";
    text-align: right;
    width: 86px;
}
.col_2{
    height: 27px;
    line-height: 27px;
    display: inline-block;
    vertical-align: middle;
    *zoom:1;
    *display:inline;
}
//右列设置
.col_right{
    float: left;
    height: 12px;
}
//左侧 * 必须填写项的样式提示
.star{
    color: #cc0000;
}
//资料完整度
.progress_box{
    padding: 28px 0 30px 0;
}
.progress_wrap{
    float: left;
    height: 10px;
    background: #f3f3f3;
    width: 250px;
    margin-top: 3px;
}
.progress{
    width: 40%;
    background: #cc0000;
    height: 10px;
}
.percent{
    color: #5e5e5e;
    float: left;
    padding-left: 3px;
    font-size: 12px;
    font-family:"Arial";
}
//用户名
.user_box{
    padding: 15px 0 22px 0;
    .username{
        float: left;
        color: #5e5e5e;
        font-size: 12px;
        font-family: "宋体";
    }
}
//昵称
.user_nickname{
    padding-bottom: 20px;
    height: 27px;
}
//右侧 input文本框 样式设置
.nickname, .phone_number, .email, .borth, .user_address{
    float: left;
    width: 200px;
    height: 20px;
    line-height: 20px;
    color: #333;
    font-size: 12px;
    border: 1px solid #ccc;
    padding: 3px 5px;
}
//右侧 input文本框   再右侧 的 错误提示性信息
.nickname_sign, .email_sign{
    line-height: 17px;
    margin-left: 5px;
    margin-top: 4px;
    float: left;
}
//头像编辑
//div设置样式
.edit_avter{
    float: left;
}
//div里包裹的div的设置
.avater_box{
    position: relative;
    overflow: hidden;
    width: 108px;
    height: 105px;
    border-radius: 60px;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    -ms-border-radius: 60px;
    -o-border-radius: 60px;
    img{
        border: 4px solid #FEFEFE;
        border-radius: 60px 60px 60px 60px;
        height: 100px;
        width: 100px;
    }
}
.edit{
    width: 100px;
    height: 23px;
    background: none repeat scroll 0 0 rgba(0,0,0,.5);
    opacity: 50;
    filter: alpha(opacity=50);
    color: #fff;
    font-size: 12px;
    font-family: "宋体";
    position: absolute;
    left: 2px;
    bottom: 0;
    line-height: 23px;
    text-align: center;
    background: #000\9;
    a{
        color: #fff;
    }
}
.upload {
    position: absolute;
    width: 100px;
    height: 23px;
    border: none;
    opacity: 0;
    filter: alpha(opacity=0);
    cursor: pointer;
    left: 2px;
    bottom: 2px;
    z-index: 1;
}
//性别设置
.gender_item{
    padding-bottom: 35px;
    padding-top: 12px;
    .gender_radio{
        float: left;
    }
}
.lab{
    margin-right: 20px;
}
//手机号码 邮箱 出生年月 家庭住址  距离下面 都是一样的设置  向下内边距设置为20px
.phone_box, .email_box, .borth_box, .adress_box{
    padding-bottom: 20px;
}
.nickname_box, .phone_wrap, .email_wrap, .borth_wrap, .adress_wrap{
    height: 27px;
    display: inline-block;
     *zoom:1;
    *display:inline;
}
//验证 签名
.validate_sign{
    line-height: 27px;
    color: #5e5e5e;
    float: left;
}
.mobile_show{
    display: none;
    float: left;
    color: #333;
    font-weight: 700
}
//您的账号还没有验证手机
.mobilevali_fail{
    float: left;
}
//立即验证
.mobilevalidate_soon{
    color: #0066cc;
    float: left;
    padding-left: 4px;
}
//已验证
.emailvali_success, .mobilevali_success{
    color: #a5a5a5;
    display: none;
    padding: 7px 0 0 4px;
    float: left
}
//邮箱
//邮箱验证的 错误提示性信息
#noRegEmail1{
    display: none;
    color: #333;
    font-weight: 700;
    line-height: 25px;
    float: left;
}
//右侧的 立即验证
.check_btn{
    float: left;
    width: 65px;
    height: 24px;
    background: #f8f8f8;
    color: #5e5e5e;
    line-height: 24px;
    font-size: 12px;
    border: 1px solid #ddd;
    margin-left: 10px;
    cursor: pointer;
    &:hover{
       border: 1px solid #ccc; 
    }
    &:active{
        border: 1px solid #ccc;
        background: #f3f3f3;
    }
}
//家庭住址
#user_address{
    width: 300px;
}
//保存按钮
//div设置样式
.save_box{
    padding-top: 35px;
    padding-left: 76px;
}
//div里包裹的input type="button" 按钮 的设置
.savebtn{
    border: none;
    background: #cc0000;
    display: block;
    width: 69px;
    height: 32px;
    color: #fff;
    font-size: 14px;
    cursor: pointer;
    *margin-left:-320px;
    _margin-left: -320px;
    *float: left;
    _float: left;
    &:hover{
        background: #dd0000;
    }
    &:active{
        background: #cc0000;
    }
}
.padd-top-10{
    padding-top: 10px!important;
}
.padd-bottom-300{
    padding-bottom: 300px!important;
}













